<!DOCTYPE html>
<html>
<head>
    <title>用户管理</title>
    <meta charset="utf-8">
    <script src="../Public/publicjs.js"></script>
   	<script src="User.js"></script>
</head>

<body>

<!--搜索区面板-->
<div class="panel panel-default">
	<div class= "panel-heading">
		<h2><span class="label label-custom">搜索区</span></h2>
	</div>
	<div class="panel-body row">
		<!-- <div class="btn-group btn-group-sm">
			<button class="btn btn-default" style="background-color: #e6e6e6"  disabled="disabled">按用户名</button>
			<input class="btn btn-default" id="account">
		</div> -->
		<div class="form-group col-md-3">
            <div class="input-group">
                <div class="input-group-addon">按用户名</div>
                <input  id="account" class="form-control" type="text">
            </div>
        </div>

		<!-- <div class="btn-group btn-group-sm">
			<button class="btn btn-default" style="background-color: #e6e6e6"  disabled="disabled">按姓名</button>
			<input class="btn btn-default" id="name">
		</div> -->
		<div class="form-group col-md-3">
            <div class="input-group">
                <div class="input-group-addon">按姓名</div>
                <input  id="name" class="form-control" type="text">
            </div>
        </div>

		<!-- <div class="btn-group btn-group-sm form-inline">
			<button class="btn btn-default" style="background-color: #e6e6e6"  disabled="disabled">有效性</button>
			<select id="valid" class="form-control btn btn-default" style="width:100px">
                <option value="All">全部</option>
                <option value="Invalid">失效</option>
                <option value="Valid">未失效</option>
			</select>
		</div> -->
		<div class="form-group form-inline col-md-2">
            <div class="input-group">
                <div class="input-group-addon">有效性</div>
                <select id="valid" class="form-control btn btn-default">
                    <option  value="All">全部</option>
                    <option   value="Invalid">有效</option>
                    <option  value="Valid">失效</option>
                </select>
            </div>
        </div>

        <!-- <div class="btn-group btn-group-sm form-inline">
            <button class="btn btn-default" style="background-color: #e6e6e6"  disabled="disabled">有效性</button>
            <select id="locked" class="form-control btn btn-default" style="width:100px">
                <option value="All">全部</option>
                <option value="Locked">锁定</option>
                <option value="Unlocked">未锁定</option>
            </select>
        </div> -->
        <div class="form-group form-inline col-md-2">
            <div class="input-group">
                <div class="input-group-addon">有效性</div>
                <select id="locked" class="form-control btn btn-default">
                    <option  value="All">全部</option>
                    <option   value="Invalid">有效</option>
                    <option  value="Valid">失效</option>
                </select>
            </div>
        </div>
        
		<button id="search" type="button" class="btn btn-custom btn-sm">搜索</button>
	</div>
</div>


<!--列表区域面板
<div class="panel panel-default" style="margin:0;top: 155px;left: 5px;right: 5px;bottom: 5px;position: absolute">
    <div class="panel-heading">
        <div class="row" style="margin: 0">
-->
<div class="panel panel-default" style="margin:0;top: 155px;left: 5px;right: 5px;bottom: 5px;position: absolute">
	<div class= "panel-heading">
        <div class="row" style="margin:0">
            <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">用户列表</span></h2>
            <div class="col-sm-9" style="padding: 0">
                <div class="btn-toolbar" style="float: right;margin-right: 10px" >
                    <button id="addUser" type="button" class="btn btn-custom "><span class="fa fa-plus"></span> 添加</button>
                    <button id="updateUser" type="button" class="btn btn-custom "><span class="fa fa-edit"></span> 修改</button>
                    <button id="resetPassword" type="button" class="btn btn-custom  "><span class="fa fa-refresh"></span>重置密码</button>
                    <button id="unlockedUser" type="button" class="btn btn-custom  "><span class="fa fa-key"></span> 解锁</button>
                    <button id="lockedUser" type="button" class="btn btn-custom  "><span class="fa fa-lock"></span> 锁定</button>
                    <button id="invalidUser" type="button" class="btn btn-danger  "><span class="fa fa-minus-circle"></span> 失效</button>
                </div>
            </div>
        </div>
	</div>

	<div class="panel-body" style="padding-bottom: 0">
		<!--列表内容-->
		<div style="top: 60px;bottom: 5px;left: 10px;right: 10px;position: absolute;">
                <table id="usertable" data-toggle="table"
					   data-click-to-select="true"
					   data-striped="true"
					   data-row-style="rowStyle"
					   data-cell-style="cellStyle"
					   data-pagination="true"
					   data-unique-id="id">
					<thead>
					<tr>
						<th data-field="state" data-radio="true"></th>
						<th data-field="id" data-visible="false"></th>
                        <th data-field="account" data-switchable="false">账号</th>
                        <th data-field="name">名称</th>
                        <th data-field="email">电子邮箱</th>
                        <th data-field="telephone" >联系电话</th>
                        <th data-field="locked" data-switchable="false">锁定</th>
                        <th data-field="valid" >失效</th>
                        <th data-field="pwdValidDate" >密码有效期</th>
                    </tr>
                    </thead>
                </table>
		</div>
	</div>
</div>

<div id="AddUserDiv"  hidden="ture"  ></div>
<div id="SignDiv" hidden="ture"  ></div>


</body>

</html>